<html>
<head>
	<title>Scouting System</title>
	<link rel='stylesheet' type='text/css' href='static/style.css' />
	<script type="text/javascript" src="static/jquery-1.4.4.js"></script>
</head>

<script type="text/javascript">
	$(document).ready(function(){
      /* Search placeholder */
      $('#search').val("Search");
      $('#search').css("color", "grey");
      $('#search').focus(function() {
        if($('#search').val()=="Search") {
          $('#search').css("color", "black");
          $('#search').val("");
        }
      });
      $('#search').focusout(function() {
        if($('#search').val()==""){
          $('#search').css("color", "grey");
          $('#search').val("Search");
        }
      });
});
</script>

<div class="logoborder">
<div class="logo">zScouting System</div>
</div>

<body>

	<div class="nav-wrap">

		<ul class="group" id="nav">
		
            <li class= 
			%if place==1:
				{{'\"current_page_item\"'}}
			%end
            ><a href="/home">Home</a></li>
            
            
            <li class=
			%if place==2:
				{{'\"current_page_item\"'}}
			%end
            ><a href="/teams">Teams</a></li>
            
            
            <li class=
			%if place==3:
				{{'\"current_page_item\"'}}
			%end
            ><a href="/addmatchdata">Add Match Data</a></li>
            
            
            <li class=
			%if place==4:
				{{'\"current_page_item\"'}}
			%end
            ><a href="/printscoutingreport">Print Scouting Report</a></li>
            
            
            <li class=
			%if place==5:
				{{'\"current_page_item\"'}}
			%end
            ><a href="/services">Services</a></li>
            
            
            <li class=
			%if place==6:
				{{'\"current_page_item\"'}}
			%end
            ><a href="/logout">Logout</a></li>

			
            <form action="/search" method="GET">
            	<input id="search" type="text" name="search" />
            </form>
        </ul>
    </div>

    <div class="content">
    {{!cont}}
    </div>
    
</body>

</html>